@charset "utf-8";
/* CSS Document */
input:focus {outline: none} 
.min-width{min-width:1080px;}
.main{width:1080px;min-width:1080px;margin:0 auto;}
/*login and reg*/
label{ margin:0; font-weight:normal;}
.login-box-pan{ padding:50px 80px 50px 30px;}
.login-info{ width:290px;}
.login-info h2{ border-bottom:2px solid #eeeff3; color:#3498db; font-size:18px; font-weight:700; line-height:38px; width:100%;}
.login-info h2 span{ border-bottom:2px solid #3498db; height:38px; display:inline-block; padding:0 10px;position:relative; bottom:-2px;}
.login-info .item{ height:70px; width:290px;}
.login-info .item-input{ border:1px solid #e5e5e5; height:38px; line-height:24px; padding:7px 10px;}
.txt02{ height:24px; line-height:24px; border:0; float:left; font-size:13px;}
.login-info .item-input .txt02{ width:220px; float:left;}
.login-info .item-tips{ line-height:30px; font-size:12px; color:#ee1615;}
.login-info img{ width:70px; height:30px; margin:2px 10px 0;}
.f-h34{ height:34px; line-height:34px;}.f-h24{height:24px; line-height:24px;}
.login-box a.c-blue:hover{ color:#ff7d27; text-decoration:underline;}
.reg-box-pan{ padding:120px 40px 50px; width:100%;}
.txt03{width:270px;line-height: 16px;padding:9px 10px;border: 1px solid #cccccc;float: none;font-size: 14px;font-family: arial,"宋体";color: #999;overflow: hidden;}
.reg-box .item {height:68px;line-height:34px;position: relative;z-index:5;}
.reg-box .intelligent-label {width:100px;text-align: right;font-size: 14px;color: #666;padding-right: 10px;}
.reg-box .intelligent-label b{font-family: "????";margin-right: 5px;font-weight: normal; color:red;}
.reg-box .item .item-ifo{position: relative;width: 270px;}
.reg-box .txt02{width:270px;line-height: 16px;padding:9px 10px;border: 1px solid #cccccc;float: none;font-size: 14px;font-family: arial,"宋体";color: #999;overflow: hidden;}
.reg-box .txt03.v_error{border-color:#FF0000;}
.reg-box .txt03:focus{border-color:#1a97d7;}
.reg-box .blank {width:16px;height:16px; font-size:16px;position: absolute;left:280px;top:11px;float: none; color:#7abd54}
.reg-box .close{position: absolute;top:5px;right:25px;font-size: 24px;}
.reg-box .focus,.reg-box .focusa,.reg-box .error{line-height:34px;height:34px;position: absolute;top: 0px;left:280px;width:270px;padding: 0 5px;z-index:3; font-weight:normal; font-size:12px; color:#999}
.reg-box .focus span,.reg-box .error span{ line-height:16px; display:block; padding:3px 0;}
.reg-box .focus{color: #999;}
.reg-box .valid{color: #f00;}
.reg-box .strength {color: #999;line-height: 22px;padding-right: 10px;clear: both;float: none;position: absolute;top:39px;right: -9px; display:none}
.reg-box .strength b {float: left;width: 108px;height:16px;overflow: hidden;margin-top: 5px; font-weight:400;}
.reg-box .strength b i{ font-style:normal; font-size:10px; width:34px; height:16px;line-height:16px; display:inline-block; float:left; background:#dbdbdb; text-align:center; margin-left:1px; color:#fff;}
.reg-box .strength b i.on{ background:#ff6160}
.reg-box .btn-blue{ font-size:18px; height:44px; line-height:44px; padding:0; width:270px;}
.reg-box .btn-gray{ height:34px; line-height:34px; padding:0 12px;}
.reg-box .part1,.reg-box .part2,.reg-box .part3{ padding-left:150px;}
.regcon {width: 482px;height:360px;margin-left: -241px;margin-top: -180px;background: #fff;}
.regcon pre {border: 1px solid #B2B2B2;height: 240px;margin: 10px;overflow-x: hidden;overflow-y: scroll;padding: 5px;resize: both;width: 450px;background: #fff;font-size: 12px;color: #333;line-height: 1.7em;}
.showpwd{ display:inline-block; width:16px; height:16px; background:url(../images/showPwd.png) no-repeat center center; background-size:16px 16px; position:absolute; top:8px;right:10px; cursor:pointer;}
.showpwd.hidepwd{ background-image:url(../images/hidePwd.png);}

/* login的js */
/****************************************************************
 *																*		
 * 						      素材火							*
 *                        www.sucaihuo.com							*
 *       		  努力创建完善、持续更新插件以及模板			*
 * 																*
****************************************************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,input,textarea,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;cursor:pointer}
a:focus{outline:0}
a:link,a:visited{text-decoration:none}
a:active,a:hover{text-decoration:none;cursor:pointer}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
ul,ol{list-style:none;list-style-image:none;margin:0;padding:0}
img{border:0;max-width:100%;-ms-interpolation-mode:bicubic}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle;font-family:'Microsoft Yahei'}
input[type=text]::-ms-clear,input[type=tel]::-ms-clear,input[type=number]::-ms-clear{display:none}
textarea{resize:none}
body{background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;padding:0 !important;overflow:auto !important}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset !important}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.layout:after,.clearfix:after{content:"\0020";display:block;clear:both;height:0}
.layout,.clearfix{*zoom:1}
.center{width:1160px;max-width:1160px;margin:0 auto;overflow:hidden}
.t5o{-webkit-transition:all .5s ease .1s !important;-moz-transition:all .5s ease .1s !important;-o-transition:all .5s ease .1s !important;transition:all .5s ease .1s !important}
.t8o{-webkit-transition:all .8s ease .1s;-moz-transition:all .8s ease .1s;-o-transition:all .8s ease .1s;transition:all .8s ease .1s}
.t20o{-webkit-transition:all 20s ease .1s;-moz-transition:all 20s ease .1s;-o-transition:all 20s ease .1s;transition:all 20s ease .1s}
.t3out{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.YaHei{font-family:'Microsoft Yahei'}
.HT{font-family:'SimHei'}
.ST{font-family:'SimSun'}
.Cambria{font-family:'Cambria'}
.Arial{font-family:Arial,Helvetica,sans-serif}
.fl,#loginModal .col-left,#loginModal .col-right,.header .header-search .topLayerTxt,.d_bubble,.index .slide-box ul li,.index .video_introduce ul li,.index .gold-teacher .gold-slide li,.index .job-path .job-list li,.index .job-path .course-list li,.index .king-course .job-list li,.index .king-course .course-list li,.index .cooperate .col_left1,.index .media_reports .col_left1,.index .media_reports ul li,.index .cooperate .cooperate-slide li{float:left}
.fr,.index .application_download .warp,.index .cooperate .col_right1,.index .media_reports .col_right1{float:right}
.bodyiphone{font-size:66.6%}
.body{background:#f3f3f3}
.uppercase{text-transform:uppercase}
.textShadow{text-shadow:0 1px 0 #345a49}
.marginB10{margin-bottom:10px}
.textIndent{margin-bottom:8px;text-indent:1em}
.show{display:block}
.hide{display:none}
.pt15{padding-top:15px}
.d-ib{display:inline-block}
.bold{font-weight:bold}
.textR{text-align:right}
.textC{text-align:center}
body{	font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;}
.globalLoginBtn{display:block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    opacity: .9;
    filter: alpha(opacity=90);}
#KFLOGO,#iconDivMain2{overflow:hidden;width:0 !important;height:0 !important}
#iconDivMain1{width:0 !important;height:0 !important}
#div_company_mini{right:0 !important}
#loginModal .modal-content{border-radius:0}
#loginModal .col-left{width:225px;height:319px;background:url(../images/sprite_0.png) 0 -717px no-repeat}
#loginModal .col-right{width:313px;height:319px;color:#b2b2b2}
#loginModal .form-group{margin-bottom:10px}
#loginModal .modal-body{height:263px}
#loginModal #btnRegister{color:#ff9600}
#loginModal .tips-error{padding:2px 10px;margin-top:10px;display:none}
#loginModal .globalLogin{height:47px;background:#01c26f;color:#fff;font-size:14px;background:-webkit-linear-gradient(#1fd783,#1fd06b);background:-o-linear-gradient(#1fd783,#1fd06b);background:-moz-linear-gradient(#1fd783,#1fd06b);background:linear-gradient(#1fd783,#1fd06b)}
#loginModal .threeLogin{position:absolute;left:30px;bottom:15px}
#loginModal .threeLogin span{color:#b3c3c0;float:left;font-size:14px}
#loginModal .threeLogin a{display:inline-block;width:20px;height:20px;background:url(../images/login_img.png) no-repeat;vertical-align:middle;margin-left:15px;cursor:pointer}
#loginModal .threeLogin .nqq{background-position:0 0}
#loginModal .threeLogin .nqq:hover{background-position:0 -20px}
#loginModal .threeLogin .nwx{background-position:-20px 0}
#loginModal .threeLogin .nwx:hover{background-position:-20px -20px}
#loginModal .threeLogin .nwb{background-position:-40px 0}
#loginModal .threeLogin .nwb:hover{background-position:-40px -20px}
.v5-input-txt{padding:0 15px 10px}
.v5-input-txt .form-control{height:42px;line-height:normal;padding-bottom:10px;padding-top:10px}
.v5-input-txt #id_mobile_code_f,.v5-input-txt .send-verify{float:left}
.v5-input-txt #id_mobile_code_f{width:170px;border-radius:0;margin-right:24px}
.v5-input-txt .send-verify{width:144px;height:42px;line-height:30px;background:#5ecfb5;color:#fff;text-align:center;padding:0;cursor:pointer;border:0}
.v5-input-txt .btn{padding-bottom:8px;padding-top:8px}
.btn{background:#5ecfba;border-color:#5ecfba;color:#fff}
.btn-micv5{background-color:#5ecfba;color:#fff;padding:8px 12px}
.modal-header{color:#5ecfba}
.tips-box{width:100%;display:inline-block;position:relative}
.tips{position:absolute;left:0;top:-40px;color:#fff;font-size:12px;line-height:32px;background-color:#ff9600;border-radius:100px;padding:0 15px;box-sizing:border-box}
.tips:after{content:'';position:absolute;bottom:-12px;left:25px;border-top:6px solid #ff9600;border-right:4px solid transparent;border-bottom:6px solid transparent;border-left:4px solid transparent}
.zy_email{text-align:center;color:#5f5f5f}
.zy_email p{padding:0 35px}
.zy_email p.i{padding:40px 0 30px}
.zy_email p.i img{vertical-align:top}
.zy_email p.a{padding:30px 0;text-align:center}
.zy_email p.a > a{display:inline-block;width:148px;height:34px;line-height:34px;text-align:center;color:#fff;background:#5ecfbb;border:1px solid #68c8b6;border-radius:2px}
.zy_email p.a > a:hover{opacity:.7}
.zy_success{margin-bottom:20px}
.zy_success img{vertical-align:middle;margin-right:10px}
.sendE{margin-bottom:20px}
.sendE a{text-decoration:underline;cursor:pointer}
.sendE2{margin-bottom:20px}
.jspContainer{overflow:hidden;position:relative}
.jspVerticalBar{opacity:0;transition:.3s;position:absolute;top:0;right:2px;width:8px;height:100%;z-index:20}
.jspDrag{background:#1abc9c;position:relative;top:0;left:0;cursor:pointer;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.jspPane{position:absolute}
.vam,.header .data-search,.header .search-btn,.header .hot-words a,.header .topRight .a,.top_meg,.top_user .ai,.top_user .nick_name,.topSreachDiv,.index .slide-tab li,.index .common h2:before,.index .good-lesson .warp .more-lesson:after,.index .good-lesson .warp .consult:after,.index .gold-teacher .warp .more-lesson:after,.index .gold-teacher .warp .consult:after,.index .king-course .warp .more-lesson:after,.index .king-course .warp .consult:after,.index .good-lesson .tab_menu li,.index .gold-teacher .gold-tab li,.index .job-path .job-tab span,.index .king-course .job-tab span,.index .community_news ul > li h3:before,.index .community_news ol li a,.index .community_news ol li:before,.index .application_download ul li{display:inline-block;vertical-align:middle}
.CLEARFIX,#loginModal .modal-content:before,#loginModal .modal-content:after,.header .wrap:before,.header .wrap:after,.index .video_introduce ul:before,.index .video_introduce ul:after,.index .good-lesson .tab_menu:before,.index .good-lesson .tab_menu:after,.index .gold-teacher .gold-slide ul:before,.index .gold-teacher .gold-slide ul:after,.index .job-path .job-list:before,.index .job-path .job-list:after,.index .job-path .course-list:before,.index .job-path .course-list:after,.index .king-course .job-list:before,.index .king-course .job-list:after,.index .king-course .course-list:before,.index .king-course .course-list:after,.index .cooperate:before,.index .cooperate:after,.index .media_reports:before,.index .media_reports:after,.index .media_reports ul:before,.index .media_reports ul:after,.index .cooperate .slide-lists:before,.index .cooperate .slide-lists:after,.index .company_medal:before,.index .company_medal:after,.v5-footer-links:before,.v5-footer-links:after{content:'';display:table;clear:both}
.substr{text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.word-break{word-break:break-all;word-wrap:break-word}
.transition{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.W1160{width:1160px;margin:0 auto}
.index .video_introduce ul li,.index .good-lesson,.index .gold-teacher,.index .king-course,.index .job-path,.index .community_news,.index .cooperate .col_left,.index .cooperate .col_right,.index .media_reports .col_left,.index .media_reports .col_right{background-color:#fff}
